<template>
  <div class="bg">
    <head bgcolor="rgba(60,71,98,1)"></head>
    <!-- <div class="title">
      <text style="font-size:48px;color:rgba(44,177,156,1);">{{result.status === 0 ? '未完成':'已完成'}}</text>
    </div> -->
    <list class="result">
      <cell>
        <div class="result-head">
          <text class="result-title">币名</text>
          <text class="result-amount">{{result.currency}}</text>
        </div>
        <div class="result-content">
          <image style="width:690px;height:20px;position:absolute;top:-4px" src="root:img/wallet/result_line@2x.png"></image>
          <list>
            <cell class="cell-item">
                <text class="cell-item-label">用户地址</text>
                <text class="cell-item-val" style="lines:2;max-width:400px;">{{result.userAccountId}}</text>
            </cell>
            <cell class="cell-item">
                <text class="cell-item-label">收币地址</text>
                <text class="cell-item-val" style="lines:2;max-width:400px;">{{result.adminAccountId}}</text>
            </cell>
            <cell class="cell-item">
                <text class="cell-item-label">区块链交易ID</text>
                <text class="cell-item-val" style="lines:2;max-width:400px;">{{result.wfnTxHash}}</text>
            </cell>
            <cell class="cell-item">
                <text class="cell-item-label">创建时间</text>
                <text class="cell-item-val" style="lines:2;max-width:400px;">{{result.createTime}}</text>
            </cell>
          </list>  
        </div>
      </cell>
  
      <cell>
          <div class="result-con" style="margin-top:30px;">
            <div class="cell-item" >
                <text class="cell-item-label">提币地址</text>
                <text class="cell-item-val" style="lines:2;max-width:400px;">{{result.toAddress}}</text>
            </div>
            <div class="cell-item">
                <text class="cell-item-label">后台转账账户</text>
                <text class="cell-item-val" style="lines:2;max-width:400px;">{{result.systemAccountId}}</text>
            </div>
            <div class="cell-item">
                <text class="cell-item-label">后台转账数量</text>
                <text class="cell-item-val">{{result.systemTransAmount}}</text>
            </div>
            <div class="cell-item">
                <text class="cell-item-label">后台交易时间</text>
                <text class="cell-item-val" style="lines:2;max-width:400px;">{{result.transferTime}}</text>
            </div>
            <div class="cell-item">
                <text class="cell-item-label">区块链交易ID</text>
                <text class="cell-item-val" style="lines:2;max-width:400px;">{{result.systemTxHash}}</text>
            </div>
          </div>
      </cell>
      <cell>
         <div class="result-con" style="margin-top:30px;">
            <div class="cell-item">
                <text class="cell-item-label">提币数量</text>
                <text class="cell-item-val" style="lines:2;max-width:400px;">{{result.amount}}</text>
            </div>
            <div class="cell-item">
                <text class="cell-item-label">手续费</text>
                <text class="cell-item-val" style="lines:2;max-width:400px;">{{result.feeAmount}}</text>
            </div>
            <div class="cell-item">
                <text class="cell-item-label">到账金额</text>
                <text class="cell-item-val" style="lines:2;max-width:400px;">{{result.finalAmount}}</text>
            </div>
         </div>
      </cell>
      <!-- <cell>
        <div class="sure-btn">
          <wxc-button :text="$t('wallet.back_wallet')" :textStyle="{'fontSize':'24px'}"  :btnStyle="{backgroundColor:'rgba(70,120,245,1)',width:'690px',height:'80px'}"
            @wxcButtonClicked="wxcButtonClicked"></wxc-button>
        </div>
      </cell> -->
    </list>
     
  </div>
</template>
<style scoped>
.bg{
  background-color: rgba(60,71,98,1);
}
  .title{
    margin-left: 30px;
    margin-top:60px;
  }
  .result{
    margin-top: 34px;
    margin-left: 30px;
  }
  .result-head{
    width: 690px;
    height:150px;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
    background-color: #2d65e9;
  }
  .result-title{
    color: rgba(255,255,255,1);
    font-size:24px;
    margin-top: 40px;
    margin-left: 36px;
  }
  .result-amount{
    color: rgba(255,255,255,1);
    font-size: 36px;
     margin-left: 36px;
  }
  .result-content{
    width: 690px;
    padding-top: 16px;
    background-color: #ffffff;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
  }
   .result-con{
    width: 690px;
    padding-top: 16px;
    background-color: #ffffff;
    border-radius: 16px;
  }
  .cell-item{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 690px;
    padding-top: 30px;
    padding-bottom: 30px;
    align-items: center;
    padding-left: 36px;
    padding-right: 28px;
  }
  .cell-item-label{
    font-size: 28px;
    color: rgba(154,156,164,1);
  }
  .cell-item-val{
    font-size: 28px;
    color: rgba(60,71,98,1);
  }
.sure-btn{
  margin-bottom: 30px;
  margin-top: 30px;
}
</style>
<script>
import { WxcButton } from 'weex-ui'

export default {
  data(){
    return {
      result:{}
    }
  },
  components:{WxcButton},
  methods:{
    onLoad(p){
      this.result = p&&p.result
    },
    wxcButtonClicked(){
      const notify=weex.requireModule('notify')
      const nav = weex.requireModule('navigator') ;
      nav.backTo('wallet')
      notify.send('update_data')
    }
  }
}
</script>